* {
	padding: 0;
	margin: 0;
}
html{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#wrapper {
	margin: 0 auto;
	width: 922px;
}

#header {
	width: 900px;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	height: 50px;
	margin: 10px 0px 5px 0px;
	background: #EEE;
	color: #79B30B
}

#navigation {
	float: left;
	width: 900px;
	color: #333;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	background: #FFFFFF;
}

#leftcolumn {
	color: #333;
	border: 1px solid #ccc;
	background: #B9CAFF;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	height: 350px;
	width: 195px;
	float: left;
}

#body {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2E6;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	height: 350px;
	width: 678px;
	display: inline;
}

#footer {
	width: 900px;
	clear: both;
	background: #333;
	color: #FFF;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}
.flexigrid div.fbutton .add {
	background: url('images/add.png') no-repeat center left;
}

.flexigrid div.fbutton .delete {
	background: url('images/close.png') no-repeat center left;
}
.flexigrid div.fbutton .edit {
	background: url('images/edit.png') no-repeat center left;
}
/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	
#menu {
	width: 200px;
	border: 0px solid #ccc;
	margin: 0px;
	}
	
#menu li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #888;
	display: block;
	background: url('images/menu3.gif');
	padding: 8px 0 0 30px;
	}
	
#menu li a:hover, #menu li a:active {
	color: #283A50;
	background: url('images/menu3.gif') 0 -32px;
	padding: 8px 0 0 30px;
	}
INPUT.spin-button {
	padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url('images/spinbtn_updn.gif');
}

INPUT.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}
	